
// 1. 输入验证;
// 2. 注册获取用户输入的信息;
// 3. 发送信息;
// 4. 等待后端给我的返回结果;
// 5. 根据返回结果进行相应的处理;
// 6. 注册成功跳转到登陆页面;
// 7. 注册失败给予提示;

// XHR => GET 请求的传值模式;
// 如果使用GET发送了信息,一定要查看network之中是否存在 query string paramaters 这一项，如果存在则仔细观察这一项是否正确，是否和接口文档相符;

// 元素获取
var box_zc = document.getElementById("box-zc");
var input_user = document.getElementById("inputUsr");
var input_pass = document.getElementById("inputPassword");
var alert_ele = document.getElementById("alert_tip");

// 设置点击事件
box_zc.onclick = function () {
    // 获取输入框内容
    var user_value = input_user.value;
    var pass_value = input_pass.value;
    // 把数据发送给后端

    // 利用 地址栏发送数据 get模式
    var url = "http://localhost:3000/zc";
    var data = {
        username: user_value,
        password: pass_value
    }
    xhrGet(url, data).then(function (res) {
        // 把JSON字符串转换为对象
        var res = JSON.parse(res);//反馈的结果
        // 反馈提示
        if (res.state === "error") {
            alert_ele.style.display = "block";
            alert_ele.innerHTML = res.msg;
            setTimeout(function () {
                alert_ele.style.display = "none";
            }, 2000)
        } else if (res.state === "success") {
            // 页面跳转
            location.assign("../html/dl.html");
        }
    })

}

        // 前端注册 : 
        // 1. 获取用户输入的信息;
        // 2. 按照请求规则将信息发送给后端; 
        //    GET => url?key=value;
        // 3. 按照后端返回的结果去进行相应的处理;
